﻿<script id="WorldMarkesGridWidget" type="text/html">

    <!-- ko with:new WorldMarkesGridWidgetViewModel($data)-->
        <table class="table striped">
            <!--<thead>
                <tr hidden="hidden">
                    <td style="min-width:140px"></td>
                    <td style="min-width:90px" ></td>
                    <td style="min-width:90px" ></td>
                    <td style="min-width:90px" ></td>                  
                    <td style="min-width:90px" ></td>
                </tr>
            </thead>-->
            <tbody  data-bind="foreach:WorldMarkets">
                <tr>
                    <td  style=" min-width:220px" data-bind="text: Name"></td>
                    <td  style=" min-width:90px"  data-bind="text: Open.toLocaleString()"></td>
                    <td  style=" min-width:90px"  data-bind="text: Change, attr: { class: Change > 0 ? 'fg-green' : 'fg-red' }"></td>
                    <td  style=" min-width:90px"  data-bind="text: PreviousClose"></td>
                    <td  style=" min-width:90px"  data-bind="text: ChangeInPercent,attr:{ class: Change> 0 ? 'fg-green' : 'fg-red' }"></td>
                </tr>
            </tbody>
        </table>
    <!-- /ko -->

</script>
